@charset "utf-8";
/* CSS Document */

#main_div {margin-left: 55px; width: 1000px; float: left;}
.menubuttons {cursor: pointer; margin-top: 8px;}
#button_container {height: 50px; width: 80px;}

.wrapper {
	width: 100%;
}

#left_menu {float: left; width: 70px;}
.menubuttons {cursor: pointer; margin-top: 8px;}
#button_container {height: 50px; width: 70px;}

.wrapper {
	width: 100%;
}
.button_wrapper {
	position: fixed; 
	left: 0; 
	top: 0;
}	

h2 {padding: 2px; margin: 2px;}
h3 {padding: 2px; margin: 2px;}
label {font-size: 100%; cursor: pointer;}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.updownarrow {
	cursor: pointer;
}

#columnheaders {background: #336699; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #000000;}
submit {font-size: 110%; border: 1px #999999 solid; background: #FFFFFF; color: #000000; padding: 6px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer;}

textarea {font-size: 90%; border: 1px #999999 solid; background: #FFFFFF; color: #000000; padding: 4px; -moz-border-radius: 7px; border-radius: 7px;}
#navbuttons {text-align: left; background: url(/admin/images/glossy-buttons.png); background-repeat: repeat-x; cursor:pointer; color: #FFFFFF; padding: 2px; font-weight: bold; border-right: 1px solid #000000; font-size: 80%; padding-right: 8px; background-position: 0px 0px;}
#navbuttons:hover {background-position: 0px -35px;}
#component_menus {background: url(/admin/images/glossy-buttons.png); background-repeat: repeat-x; width: 100%; height: 35px;}
#buttonimg {width: 16px; height: 16px; padding-right: 5px;}

#navbuttons_disabled {text-align: left; background: url(/admin/images/glossy-buttons-disabled.png); background-repeat: repeat-x; cursor:pointer; color: #CCCCCC; padding: 2px; font-weight: bold; border-right: 1px solid #000000; font-size: 80%; padding-right: 8px; background-position: 0px 0px;}
#navbuttons_disabled:hover {background-position: 0px -35px;}
#buttonimg_disabled {width: 16px; height: 16px; padding-right: 5px; opacity:0.4; filter:alpha(opacity=40);}


.hints {font-size: 75%;}

#navbutton_container {display: inline-block;}
#component_header {border-bottom: 4px solid #000000; overflow: visible;}

/* status messages */
#messages {background: #006600; color:#FFFFFF; font-weight:bold; padding: 6px;}
#messages_error {background: #990000; color:#FFFFFF; font-weight:bold; padding: 6px;}
#messages_hints {border: 1px solid #999999; color: #999999; font-weight: normal; padding: 6px; font-size: 90%;}
#messages_info {color: #666666; padding: 6px; border: 1px #666666 dashed;}
#okay_box {border: 1px solid #006600; padding: 8px;}
#okay_message {font-weight: bold; color: #006600;}
#error_box {border: 1px solid #FF0000; padding: 8px;}
#error_message {font-weight: bold; color: #990000;}
.input_error {border: #FF0000 1px solid; background: #FFCCFF;}

/*menu system*/
.menu_row {border-bottom: #333333 1px solid; cursor: pointer; margin: 0px; padding: 8px; height: 45px; width: 100%;}
.menu_cell img{width: 28px;}
#menu_title {font-size: 105%; font-weight: bold;}
#menu_header {font-size: 130%; font-weight: bold; padding-top: 25px; border-bottom: 4px solid #666666; color: #006699;}

#sys_menu {font-size: 95%; border-bottom: #333333 1px solid; cursor: pointer; margin: 0px; padding: 8px; height: 45px; width: 100%;}
#sys_menu:hover {	
	background: url(/admin/images/hoverbg2.png); 
	background-position: bottom;
	background-repeat: repeat-x; 
	cursor: pointer;
	} 

.menu_row_over {
	font-size: 95%; 
	border-bottom: #333333 1px solid; 
	background: url(/admin/images/hoverbg.png); 
	background-position: bottom;
	background-repeat: repeat-x; 
	cursor: pointer; 
	margin:0px; 
	padding: 8px; 
	height: 45px;}

.menu_row_over2 {font-size: 95%; 
	border-bottom: #333333 1px solid; 
	background: url(/admin/images/hoverbg2.png); 
	background-repeat: repeat-x;
	background-position: bottom;
	cursor: pointer; 
	margin:0px; 
	padding: 8px;  
	height: 45px;}
	
#menu_info {font-size: 80%; font-weight: normal; line-height: 20px;}
#menu_image {float: left; width: 42px;}
#menu_image img{width: 36px; height: 36px;}
.menu_cell {border-bottom: 1px #333333 solid; vertical-align: middle; font-size: 90%;}
.menu_cell_lastid {border-bottom: 1px #006600 solid; vertical-align: middle; background: #D7FFE1; font-size: 90%;}
.menu_cell_lastid img{width: 28px;}

#page_next {cursor: pointer; border: 1px solid #999999; padding: 8px; text-align: center;}
#page_prev {cursor: pointer; border: 1px solid #999999; padding: 8px; text-align: center;}
#spacer {width: 25px;}

/*alpha indexing */
#alphaindex {margin: 1px; margin-top: 4px; padding: 7px; border: 1px  #666666 solid; text-align: center; font-weight: bold; font-size: 90%; width: 8px; cursor: pointer; display: inline-block;}
#alphaindex_disabled {margin: 1px; padding: 7px; border: 1px #CCCCCC solid; font-weight: bold; font-size: 90%; width: 8px; cursor: pointer; color: #CCCCCC;}
#alphaindex_disabled a{color: #CCCCCC;}
.alphabox {background: #FFFFFF;}
.alphabox a{text-decoration: none; color: #006699;}
.alphabox_over {background: #003366;}
.alphabox_over a{text-decoration: none; color: #FFFFFF;}

/*pagination */

#pagination {padding-top: 8px; height: 35px;}
.pageslist {
	margin: 6px 6px 6px 0;
	clear: both;
}
.pageslist a, .pageslist span {
	font-size: 13px;
	font-weight: normal;
	float: left;
	display: block;
	padding: 8px 10px;
	margin: 0 3px 0 0;
	text-decoration: none;
}

.pageslist a.selected, .pageslist span.selected .pageslist a.selected:hover {
	background-color: #19558d;
	border-color: #071a29;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgb(79,138,228)), color-stop(0, rgb(66,120,203)));
	background-image: -moz-linear-gradient(center bottom, rgb(16,54,87) 0%, rgb(31,94,145) 100%);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #FFFFFF;
}
.pageslist b {
	color: #fff !important;
}
.pageslist a:hover {
	-webkit-box-shadow: #eaedf4 0 1px 5px;
	-moz-box-shadow: #eaedf4 0 1px 5px;
	box-shadow: #eaedf4 0 1px 5px;
	background-color: white;
	text-decoration: none;
}
.pageslist a:active {
	position: relative;
	top: 1px;
	left: 1px;
}
.pageslist .disabled {
	color: #c9cdd8;
}

/*page manager */
#filename_row {clear: both;}
#filename_row:hover {clear: both;}
.filename {overflow: hidden; float: left;}
#actions {width: 250px; float: right; text-align: right;}
#pages_spacer {height: 10px; background: #003366; margin-top: 4px; margin-bottom: 4px; width: 900px;}
#new_name {border:none; background: #CCCCCC;}

/*filemanager */
#newpageicon {cursor:Pointer; border: 1px solid #666666; padding: 4px;}
#newfoldericon {cursor:Pointer; border: 1px solid #666666; padding: 4px;}
#uploadfilesicon {cursor:Pointer; border: 1px solid #666666; padding: 4px;}

input {	
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #999999 1px solid;
	font-size: 100%; 
	font-weight: normal;
	height: 25px;
}

select {	
	-moz-box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #999999 1px solid;
	font-size: 100%; 
	font-weight: normal;
	padding: 4px;
}

.form_td {border-bottom: 1px #000000 solid; vertical-align: middle;}

.clear {clear: both;}

#abutton {
	text-align: center; 
	background: #000000; 
	cursor:pointer; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 95%;
	background-position: 0px 0px; 
	height: 30px; 
	filter: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px;
	}

#abutton:hover {background: #333333;}

#expandcollapse_msg {
	display: block;
	text-align: center;
	color: #CCCCCC;
	font-size: 90%;
	width: 98%;
	padding: 6px;
	border: #CCCCCC 1px dashed;
	cursor: pointer;
}

.image_out {background: #FFFFFF; border: #E2E2E2 dashed 1px;}
.image_over {background: #DFDFFF; border: #000000 solid 1px;}

#statediv {height: 40px;}